<template>
    <div>
        <receiptData :channel-id="channelId"/>
    </div>
    <div class="mg-t-20">
        <ticketData :channel-id="channelId"/>
    </div>
</template>
<script setup lang="ts">
import { ref, watch } from 'vue'
import receiptData from '../receiptData/index.vue'
import ticketData from '../ticketData/index.vue'

const props = defineProps({
    channelId: {
        type: [Number, String]
    }
})

watch(() => props.channelId, (newval) => {
    console.log(777, newval)
}, {
    immediate: true
})
</script>
<style lang="scss" scoped>
    
</style>